body {
  background-color: #ccccff;
}
a:focus {
  outline: none;
}
button:focus {
  outline: none;
}
.science {
  border: 6px solid #4c6a51;
  background-color: #c9d7a2;
}
.science-button {
  border: 1px solid #4c6a51;
  background-color: #f5f3b7;
}
.science-modal {
  background-color: #d1dc94;
}
.science-footer {
  border-top: 1px solid #4c6a51;
}
.medical {
  border: 6px solid #dd5d71;
  background-color: #ecd09c;
}
.medical-button {
  border: 1px solid #dd5d71;
  background-color: #f5f3b7;
}
.medical-modal {
  background-color: #f9dcb7;
}
.medical-footer {
  border-top: 1px solid #dd5d71;
}
.money {
  border: 6px solid #d94e91;
  background-color: #fcd2cf;
}
.money-button {
  border: 1px solid #d94e91;
  background-color: #f5f3b7;
}
.money-modal {
  background-color: #f4cebb;
}
.money-footer {
  border-top: 1px solid #d94e91;
}
.exploration {
  border: 6px solid #395482;
  background-color: #aaccda;
}
.exploration-button {
  border: 1px solid #395482;
  background-color: #f5f3b7;
}
.exploration-modal {
  background-color: #c3dfdc;
}
.exploration-footer {
  border-top: 1px solid #395482;
}
.military {
  border: 6px solid #4e1c55;
  background-color: #b6b1c1;
}
.military-button {
  border: 1px solid #4e1c55;
  background-color: #f5f3b7;
}
.military-modal {
  background-color: #cdc2d6;
}
.military-footer {
  border-top: 1px solid #4e1c55;
}
.character {
  height: 300px;
}
.card {
  text-align:center;
}
.card-image {
  position: relative;
  height: 300px;
  padding-bottom: 5px;
}
.card-button {
  color: black;
}
.userPic {
  padding: 5px;
}
.classPic {
  padding: 5px;
  height: 160px;
}
.image-popup-no-margins {
  cursor: zoom-in;
}
.mfp-title {
  text-align: center;
  color: black;
}
.deckPile {
  text-align: center;
}
.hidden {
  visibility: hidden;
}
.completedStat {
  font-weight: bold;
}
.requiredStat {
  text-decoration: underline;
}